@import url('../common/common.less');
body {
    background-color: #f8f8f8!important;
}
.indexbox {
    width: @boxwidth;
    margin: 39px auto;
    height: 125px;
    border: 1px solid #eee;
    .index-head {
        height: 34px;
        line-height: 34px;
        background-color: #e8e8e8;
        p {
            float: left;
            text-indent: 24px;
        }
        .tab {
            float: right;
            &>a {
                display: inline-block;
                padding: 0 26px;
                color: #000;
                &.active,
                &:hover {
                    background-color: #fff;
                    border-top: 2px solid @orange;
                }
            }
        }
        .sex {
            float: right;
            a {
                display: inline-block;
                padding: 0 26px;
                color: #000;
            }
        }
    }
    .index-main {
        &>div {
            height: 45px;
            line-height: 44px;
            position: relative;
            &:nth-of-type(1) {
                border-bottom: 1px solid #eee;
            }
            span {
                position: absolute;
                left: 19px;
            }
            div {
                position: absolute;
                left: 110px;
                height: 44px;
                line-height: 44px;
                a {
                    display: inline-block;
                    padding: 8px 6px;
                    height: 44px;
                    line-height: 28px;
                    letter-spacing: 2px;
                    margin-right: 4px;
                    color: #000;
                    &:hover,
                    &.active {
                        background-color: @orange;
                        color: #fff;
                    }
                }
            }
        }
    }
}

.teach-box {
    width: @boxwidth;
    margin: 0 auto;
    ul {
        li {
            height: 189px;
            background-color: #fff;
            padding: 17px 29px 0;
            margin-bottom: 20px;
            .avatar {
                width: 155px;
                height: 155px;
                float: left;
            }
            .left {
                float: left;
                width: 603px;
                height: 155px;
                padding-left: 30px;
                .head {
                    height: 52px;
                    line-height: 52px;
                    p {
                        display: inline-block;
                    }
                    .name {
                        width: 190px;
                    }
                    .score {
                        float: right;
                    }
                }
                .middle {
                    height: 33px;
                    line-height: 33px;
                    position: relative;
                    p {
                        &:nth-of-type(1) {
                            width: 320px;
                            position: absolute;
                            left: 0;
                            top: 0;
                        }
                        &:nth-of-type(2) {
                            width: 205px;
                            position: absolute;
                            right: 0;
                            top: 0;
                            text-align: right;
                        }
                    }
                }
            }
            .right {
                float: right;
                width: 300px;
                height: 155px;
                .head {
                    height: 52px;
                    padding: 0 20px;
                    div {
                        width: 60px;
                        height: 52px;
                        text-align: center;
                    }
                    p {
                        height: 20px;
                        line-height: 30px;
                    }
                }
                .middle {
                    height: 42px;
                    margin-top: 38px;
                    .btn {
                        margin-right: 35px;
                        padding: 6px 9px!important;
                        float: left;
                    }
                }
            }
        }
    }
}
